﻿	#search-form {
		float: right;
		border: solid 1px #6B90DA;
		padding: 3px;
		margin-bottom: 10px;
	}	
	
	#search-form #advanced-search tr td {
		padding: 0px;
		vertical-align: top;
	}
	
	#search-form #advanced-search #advanced-search-fields tr td {
		padding-left: 5px;
	}
	
	
	#search-form #advanced-search #date-of-last-order-range tr td {
		padding: 0px;
	}
			
	#search-form #advanced-search .field-validation-error {
		display: block;
	}

	#grid {
		margin-top: 10px;
		width: 100%;	/* use this field to set width of the whole grid */
		display: table;
	}

	#grid #grid-header {
		white-space: nowrap;
		font-size: 9pt;
		margin-bottom: 3px;
		height: 20px;
	}
		
	#grid #grid-header #row-stats {
		width: 100px;
		float: left;
		margin-top: 3px;
	}
	
	#grid .pager-nav {
		float: right;
		margin-right: 40%;
		margin-left: auto;
	}
	
	#grid .pager-nav table {
		width: 165px;
	}
	
	#grid .pager-nav table tr td {
		text-align: center;
	}
	
	#grid .pager-nav .disabled {
		color: #C0C0C0;
	}
			
	#grid .pager-nav a {
		text-decoration: none;
	}
	
	#grid #grid-data table {
		border: solid 1px #e8eef4;
		border-collapse: collapse;
		width: 100%;
	}
	
	#grid #grid-data table th {
		padding: 6px 5px;
		text-align: left;
		color: #FFFFFF;
		background-color: #3E83C9; 
		border: solid 1px #3E83C9;   
		white-space: nowrap;
	}
	
	#grid #grid-data table th a {
		padding-right: 10px;
		color: #FFFFFF;
	}

	#grid #grid-data table td {
		padding: 5px;   
		border: solid 1px #e8eef4;
	}

					
	#grid #grid-data table tr.alt td {
		background: #ecf6fc none repeat scroll 0 0;
	}
	
	#grid #grid-data table tr.over td {
		background: #bcd4ec none repeat scroll 0 0;
	}
	
	
	#grid #grid-data .asc{
		background: transparent url('../Content/Images/asc.png') center right no-repeat;
	}
	
	#grid #grid-data .desc{
		background: transparent url('../Content/Images/desc.png') center right no-repeat;
	}
	
	#grid #grid-footer {
		margin-top : 3px;
	}
	
	
	#grid #grid-footer #page-size-div {
		width: 200px;
		float: left;
	}
	
	#grid #grid-footer #page-size-div #refresh-button {
	  width: 20px;
	  height: 20px;
	  margin: 0;
	  padding: 0;
	  border: 0;
	  background: transparent url(../Content/Images/refresh.gif) no-repeat center top;
	  text-indent: -1000em;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	}


	.hidden {
		display: none;
	}
	
	#grid .blockUI-message {
		background: url('../Content/Images/busy.gif') center left no-repeat;
		padding : 5px 5px 5px 20px;
		border: 3px solid blue;
		display: block;
		vertical-align: middle;
	}
	
	
	.grid-data {
	    margin-top: 10px;		
		display: table;
		border: solid 1px #e8eef4;
		border-collapse: collapse;		
	}
	
	.grid-data th {
		padding: 6px 5px;
		text-align: left;
		color: #FFFFFF;
		background-color: #3E83C9; 
		border: solid 1px #3E83C9;   
		white-space: nowrap;
	}
	
	.grid-data th a {
		padding-right: 10px;
		color: #FFFFFF;
	}

	.grid-data td {
		padding: 5px;   
		border: solid 1px #e8eef4;
	}

					
	.grid-data tr.alt td {
		background: #ecf6fc none repeat scroll 0 0;
	}
	
	.grid-data tr.over td {
		background: #bcd4ec none repeat scroll 0 0;
	}
	
	
	.grid-data .asc{
		background: transparent url('../Content/Images/asc.png') center right no-repeat;
	}
	
	.grid-data .desc{
		background: transparent url('../Content/Images/desc.png') center right no-repeat;
	}
